@import "./common";
.content {
    h2 {
        color: rgb(255, 136, 0);
        margin-top: 30px;
        @media (max-width:992px) {
            text-align: center;
        }
    }
    .hotNews {
        margin-top: 30px;
        .n-top {
            ul {
                li {
                    // border: 1px solid black;
                    @media (max-width:992px) {
                        width: 60%;
                        margin-bottom: 20px;
                        margin-left: auto;
                        margin-right: auto;
                    }
                    div {
                        width: 95%;
                        // background: chartreuse;
                        img {
                            border: 1px solid rgb(226, 221, 221);
                            width: 100%;
                        }
                        span {
                            display: block;
                            height: 30px;
                            text-align: center;
                            color: white;
                            line-height: 30px;
                            background: rgba($color: #000000, $alpha: 0.5);
                            position: relative;
                            bottom: 30px;
                        }
                    }  
                }
            }
        }
        .n-bottom {
            margin-top: 80px;
            ul {
                li {
                    margin-bottom: 80px;
                    position: relative;
                    @media (max-width:768px) {
                        width: 60%;
                        margin: 60px auto;
                        
                    }
                    .left {
                        img {
                            width: 100%;
                            @media (max-width:992px) {
                                width: 95%;
                            }
                        }
                    }
                    .right {
                        padding-left: 3%;
                        h3 {
                            color: rgb(255, 136, 0);
                            margin-top: 0;
                            margin-bottom: 20px;
                            @media (max-width:992px) {
                                font-size: 17px;
                            }
                            @media (max-width:768px) {
                                margin-top: 10px;
                            }
                        }
                        span {
                            font-size: 15px;
                            display: block;
                            margin-bottom: 10px;
                            @media (max-width:992px) {
                                font-size: 13px;
                            }
                        }
                        p {
                            height: 60px;
                            font-size: 16px;
                            line-height: 25px;
                            @media (max-width:992px) {
                                font-size: 13px;
                            }
                        }
                        button {
                            width: 100px;
                            height: 36px;
                            color: white;
                            background: rgb(235, 128, 6);
                            border-radius: 20px;
                            margin-top: 10px;
                            position: absolute;
                            right: 0;
                            @media (max-width:768px) {
                                width: 60px;
                                height: 25px;
                                font-size: 12px;
                                right: 20px;
                            }

                        }
                    }
                }
            }
        }
    }
    hr {
        border-top: 1px dashed;
    }
    .paging {
        nav {
            text-align: center;
        }
    }
}